<template>
  <div class="box">
    <el-form-item label="是否展示">
      <el-switch v-model="axisLine.show"></el-switch>
    </el-form-item>
    <el-form-item label="颜色">
      <el-color-picker
        v-model="axisLine.lineStyle.color"
        show-alpha
      ></el-color-picker>
      <!-- <el-input v-model="_yAxis.name" placeholder="请输入名称"> </el-input> -->
    </el-form-item>
    <el-form-item label="类型">
      <el-select v-model="axisLine.lineStyle.type" placeholder="请选择类型">
        <el-option label="实线" value="solid"></el-option>
        <el-option label="虚线" value="dashed"></el-option>
        <el-option label="点线" value="dotted"></el-option>
      </el-select>
    </el-form-item>
  </div>
</template>

<script>
export default {
  name: 'AxisLine',
  inject: ['father'],
  computed: {
    axisLine: {
      get() {
        return this.father.echartsOptions.yAxis.axisLine;
      },
      set(val) {
        this.father.echartsOptions.yAxis.axisLine = val;
      }
    }
  },
  mounted() {},
  methods: {}
};
</script>

<style scoped>
</style>